/**
* 智慧管理系统 - 暗黑科技风主题
* 采用深色调和霓虹色彩的未来科技风格
**/

/* 暗黑科技风主题配色 */
$--color-primary: #00d4ff;
$--color-success: #00ff88;
$--color-warning: #ff9f40;
$--color-danger: #ff4757;
$--color-info: #7bed9f;
// $--color-info: #1E1E1E;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

$--border-color-light: #2c3e50;
$--border-color-lighter: #34495e;

$--table-border: 1px solid #34495e;

/* 暗黑主题背景色 */
$--background-color-base: #1a1a2e;
$--background-color-page: #16213e;
$--background-color-light: #0f3460;

/* 文字颜色 */
$--color-text-primary: #ffffff;
$--color-text-regular: #e8eaed;
$--color-text-secondary: #a8a8b3;
$--color-text-placeholder: #6c7293;

/* 阴影效果 */
$--box-shadow-base: 0 8px 32px rgba(0, 212, 255, 0.15);
$--box-shadow-dark: 0 12px 48px rgba(0, 0, 0, 0.25);
$--box-shadow-neon: 0 0 20px rgba(0, 212, 255, 0.3);

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
